<!doctype html>
<html lang="en" xml:lang="en">
  <head>
    <title>all rules test</title>
    <meta charset="utf8" />
    <meta http-equiv="refresh" content="foo" />
    <meta name="viewport" content="maximum-scale=2" />
    <link
      rel="stylesheet"
      type="text/css"
      href="/node_modules/mocha/mocha.css"
    />
    <script src="/node_modules/mocha/mocha.js"></script>
    <script src="/node_modules/chai/chai.js"></script>
    <script src="/axe.js"></script>
    <script>
      mocha.setup({
        timeout: 10000,
        ui: 'bdd'
      });
      var assert = chai.assert;
    </script>
  </head>
  <body>
    <div id="fixture">
      <a href="#fail1-tgt" style="position: absolute; margin: -10000px"
        >bad link 1</a
      >
      <banner></banner>
      <main>
        <div accesskey="B"></div>
        <map>
          <area href="#" id="pass1" alt="monkeys" />
        </map>
        <div aria-label="foo">Foo</div>
        <div role="contentinfo"></div>
        <div role="link">Home</div>
        <div role="dialog" aria-label="Cookies"></div>
        <p aria-hidden="true">Some text</p>
        <div role="spinbutton" aria-label="foo"></div>
        <div role="meter" title="foo"></div>
        <div role="progressbar" title="foo"></div>
        <div role="list">
          <div role="listitem">Item 1</div>
        </div>
        <button aria-roledescription="my button">button</button>
        <div role="text">Some text<span> and some more text</span></div>
        <div role="checkbox">Newspaper</div>
        <div role="tooltip">Copy this content</div>
        <div role="tree">
          <div role="treeitem">Item</div>
        </div>
        <audio id="caption"><track kind="captions" /></audio>
        <input autocomplete="username" />
        <p id="fail1" style="line-height: 1.5 !important">Banana error</p>
        <p><blink>text</blink></p>
        <button id="text">Name</button>
        <dl>
          <dt>foo</dt>
          <dd>bar</dd>
        </dl>
        <div id="foo"></div>
        <h1>Ok</h1>
        <h2>Ok</h2>
        <table>
          <tr>
            <th scope="col">Ok</th>
          </tr>
        </table>

        <img src="img.jpg" alt="" aria-braillelabel="my image" />
        <video><track kind="captions" /></video>
        <svg
          xmlns="http://www.w3.org/2000/svg"
          role="img"
          width="100"
          height="100"
        >
          <title>I am a circle</title>
          <circle cx="50" cy="50" r="40" fill="yellow"></circle>
        </svg>
        <div lang="en">English</div>
        <object
          title="This object has text"
          data="data:text/html,Object%20content"
        ></object>
        <li role="presentation" aria-label="My Heading">Hello</li>
        <div role="img" aria-label="blah"></div>
        <div style="overflow-y: scroll; height: 5px">
          <input type="text" />
        </div>
        <select aria-label="foo"></select>
        <img ismap src="image.jpg" />
        <p tabindex="-1">Paragraph.</p>
        <input type="button" />
        <input type="image" src="img.jpg" />
        <marquee>This content is inside a marquee.</marquee>
        <div role="navigation">
          <div role="banner"></div>
          <div role="complementary"></div>
        </div>
        <span id="fail1" class="fail1"></span>
        <button id="fail1"></button>
        <span id="pass1"></span>
        <button id="pass2"></button>
        <details>
          <summary>Hello world</summary>
          <p>Some text</p>
        </details>
        <div aria-labelledby="fail1 pass1 pass2"></div>
        <audio
          id="incomplete1"
          src="/test/assets/moon-speech.mp3"
          autoplay="true"
        ></audio>
      </main>
      <footer></footer>

      <script src="/test/testutils.js"></script>
      <script src="isolated-env.js"></script>

      <iframe
        id="isolated-frame"
        title="foo"
        src="frames/isolated.html"
      ></iframe>
      <iframe
        id="focusable-iframe"
        title="bar"
        src="frames/focusable.html"
        tabindex="-1"
      ></iframe>
      <p>Paragraph with a <a href="#">link</a>.</p>
    </div>
    <div id="mocha"></div>
    <script src="/test/integration/adapter.js"></script>
  </body>
</html>
